import React, { Component } from 'react';
import './HCchangePassword.css'
import { Flex, InputItem, WhiteSpace, Button } from 'antd-mobile';

class HCchangePassword extends Component {
    fanhui = () => {
        this.props.history.push('/Home/HCinformation')
    }
    render() {
        return (
            <div className='HCchangePassword_box'>
                <Flex style={{ backgroundColor: '#FFD656' }}>
                    <Flex.Item>
                        <div className='HCchangePassword_title_icon'>
                            <i className="iconfont icon-jiantouarrowhead7" onClick={this.fanhui}></i>
                        </div>
                    </Flex.Item>
                    <Flex.Item>
                        <div className="HCchangePassword_sub-title">修改密码</div>
                    </Flex.Item>
                    <Flex.Item>
                        <div className='HCchangePassword_add'></div>
                    </Flex.Item>
                </Flex>
                <div style={{ margin: '30px 0 0 0' }}>
                    <InputItem
                        type="password"
                        placeholder="****"
                    >原密码</InputItem>
                    <WhiteSpace></WhiteSpace>
                    <InputItem
                        type="password"
                        placeholder="****"
                    >新密码</InputItem>
                    <WhiteSpace></WhiteSpace>
                    <InputItem
                        type="password"
                        placeholder="****"
                    >确认密码</InputItem>
                    <WhiteSpace></WhiteSpace>
                </div>
                <div style={{ margin: '50px 50px' }}>
                    <Button type="primary" activeStyle={false}>确认修改</Button>
                </div>
            </div>
        );
    }
}

export default HCchangePassword;